<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>节点</title>

	<style type="text/css">
		#box{
			width: 200px;
			height: 200px;
			background: red url() 0 0 no-repeat;
		}

		#son{
			width: 100px;
			height: 100px;
			background: #A349A4 url() 0 0 no-repeat;
		}
		#box1{
			width: 200px;
			height: 200px;
			background: #B97A57 url() 0 0 no-repeat;
		}

	</style>

	<script type="text/javascript">
		window.onload = function  () {
			// var son = document.getElementById('son');

			// var xxx = document.getElementById('xxx');

			// var box1 = document.getElementById('box1');

			// son.innerHTML="<div class='box5'>学并思1</div>";

			// var p = document.createElement('p');

			// p.innerText='好好学习';


			// son.insertBefore(p,xxx);
			// alert(p);

			// son.removeChild(xxx);

			// var bbbb = xxx.cloneNode(true);

			// box1.appendChild(bbbb);


			var box1 = document.getElementById('box1');
			var add = document.getElementById('add');
			add.onclick = function  (argument) {
				// box1.innerHTML= "<input type=\"text\" name=\"uesrname\"><input type=\"password\" name=\"password\"><input type=\"submit\" value=\"登录\">";

				var username = document.createElement('input');
				username.type='text';

				username.name='uesrname';

				box1.appendChild(username);

				

			}
		}

	</script>
</head>
<body>

	<div id="box2">
		
	</div>
	<div id="box">
		<div id="son">

			<p id="xxx">学并思</p>

		</div>
	</div>
	<input type="button" value='增加' id='add'>
	<div id="box1">

	</div>
	
</body>
</html>